/* TODO: refactoring it, only keep the necessary css */

/* common */
.close {
	background-image: url("images/close.png");
	cursor: pointer;
	height: 21px;
	opacity: 0.4;
	padding: 2px;
	position: absolute;
	right: 0;
	top: 4px;
	width: 21px;
}

.blackTinyClose {
	background-image: url("images/ui-icons_454545_256x240.png");
	background-position: -84px -132px;
	cursor: pointer;
	opacity: 0.4;
	position: absolute;
	right: 0;
	top: 5px;
	padding: 0;
	width: 12px;
	height: 12px;
}

.tinyClose {
	background-image: url("images/ui-icons_cd0a0a_256x240.png");
	background-position: -84px -132px;
	cursor: pointer;
	opacity: 0.4;
	position: absolute;
	right: 0;
	top: 2px;
	padding: 0;
	width: 12px;
	height: 12px;
}

.leftArrow {
	background-image: url("images/ui-icons_888888_256x240.png");
	background-position: -98px -18px;
	height: 18px;
	width: 18px;
	position: absolute;
	left: -10px;
	top: 44px;
}

.j-hide-display {
	display: none !important;
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.disabled {
	cursor: default !important;
	color: #666666 !important;
	border-color: #C1C1C1 !important;
	background: #E8E8E9 !important;
}

.alert-tip {
	position: absolute;
}

.alert-tip div {
	padding: 15px 30px 15px 50px;
	position: relative;
	z-index: 500;
	width: 100%;
	font-size: 14px;
}

.alert-tip span {
	background-color: black;
	opacity: 0.3;
	filter: alpha(opacity = 30);
	top: 3px;
	left: 3px;
	display: block;
	position: absolute;
	z-index: 499;
}

.alert-ok {
	border: 1px solid #666666
}

.alert-ok div {
	background: url("images/check.gif") no-repeat 10px center #fffce1;
}

.alert-err {
	
}

.alert-err div {
	background: url("images/attention.gif") no-repeat 10px center #fffce1;
}

.loadingCtn {
	position: absolute;
	display: none;
	width: 200px;
	height: 10px;
	z-index: 9999;
}

.loading {
	background: url("images/loading.gif") no-repeat center 5px !important;
	min-height: 20px;
}

.gotop {
	bottom: 0px;
	position: fixed;
	display: none;
	height: 75px;
	right: 50px;
	z-index: 999;
}

.gotop .ii {
	background: url("images/backtop.png") no-repeat scroll 0 0 transparent;
	cursor: pointer;
	display: block;
	height: 48px;
	margin: 0;
	overflow: hidden;
	width: 48px;
	float: right;
}

/* align right: number style */
.alignRight {
	text-align: right;
}

.alignRight .th,.tablelist .alignRight .th {
	float: right;
}

.tablelist .alignRight .th .label {
	padding-right: 5px;
}

.alignRight .td {
	text-align: right;
	padding-right: 5px
}
/* align right - end */

.linkTipIcon {
	background-image: url("images/ui-icons_2e83ff_256x240.png");
	background-position: -130px -114px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 5px;
	padding: 0;
	width: 12px;
	height: 12px;
	display: none;
	z-index: 99;
}

.linkTipCtn {
	position: absolute;
	display: none;
	max-width: 1260px;
	min-width: 200px;
	min-height: 32px;
	/*
    filter:alpha(opacity=90);
    opacity:0.9;*/
	border: 1px solid #C1C1C1;
	border-radius: 3px;
	background-color: #FFFFFF;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.8);
	padding: 22px 8px 8px 8px;
	z-index: 999;
}

.linkTipCtn .close {
	right: -2px;
	top: 0;
	z-index: 100;
}

.linkTipCtn .sysLogInput {
	position: relative;
}
/* common - end */

/* jtree */
.jtreebox {
	border: 1px solid #bcbcbc;
	height: 22px;
	white-space: nowrap;
	cursor: pointer;
}
.jtreebox .treeArea{
	width: 100%;
	height: 100%;
}
.lightLayer {
	position: absolute;
	z-index: 99;
	background-color: #FFFFFF;
	border: 1px solid #536376;
	width: auto;
	height: auto;
}
/* jtree - end */

/* jlayout */
.jdlayout {
	width: 100%;
	height: 100%;
}

.jdlayout.jcontainer {
	border-width: 0;
}

.jlayout {
	position: relative;
}
/*.jlayout:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}*/

.jlayout-center {
	margin: auto;
}
.jlayout-center-window {
	margin: auto;
	top: 40%;
}
.jlayout-inline {				/*show the layout in one line*/
	display: inline-block;
}
.jlayout.jlayout-inline:after {
	display: inline-block;
}

.jlayout .jlayout-column {
	clear: none;
}

.jlayout .jlayout-column-left {
	clear: none;
	float: left;
	width: 150px;
}

.jlayout .jlayout-column-right {
	clear: none;
	float: right;
	width: 150px;
}

.jlayout .jlayout-column-main {
	clear: none;
	margin-left: 150px;
}

.jlayout-column-main>.j-form-item {
	max-width: 350px;
	float: none;			/* one item occupies one line */
}
.jlayout-column-main>.j-form-item .label {
	clear: none;
}

.jlayout-container {
	padding-top: 2px;
}
.jlayout-container .j-form-item {
	margin: 0;
}
.jlayout-columnCount100 {
	margin-top: 4px;
}
.jlayout-columnCount100>.j-form-item {
	margin-top: 0;
}
/* jlayout - end */

/* jcontainer */
.jcontainer {
	width: 100%;
	clear: both;
	margin: 1px 0;
	position: relative;
}

.jcontainer.withHeader {
	background: url("images/container-bg.gif") repeat-x scroll 0 0
		transparent;
	/*border-right: 1px solid #CED8E1;*/			/*avoid the horizontal scroll bar*/
	border-top: 1px solid #CED8E1;
}

.jcontainer.withHeader .ui-accordion-header {
	background: transparent;
	border: 0;
}

.ctn-min-icon, .ctn-max-icon, .ctn-normal-icon {
	background: url("images/ui-icons_454545_256x240.png");
	cursor: pointer;
	position: absolute;
	top: 2px;
	padding: 0;
	width: 12px;
	height: 12px;
	z-index: 998;
}
.ctn-min-icon {
	background-position: -66px -130px;
	opacity: 1!important;
}
.ctn-max-icon {
	background-position: -18px -82px;
	opacity: 1!important;
}
.ctn-normal-icon {
	background-position: -178px -130px;
	opacity: 1!important;
}
.ctn-max {
	background: white!important;
	position: absolute!important;
	left: 0!important;
	top: 0!important;
	right: 0!important;
	bottom: 0!important;
	margin: 0!important;
	z-index: 9999!important;
}
.ctn-min {
	height: 20px!important;
	overflow: hidden!important;
}
.ctn-min > div {
	opacity: 0.3;
}

.jcontainer-body {
	
}

.jcontainer.withHeader .jcontainer-body { /*ui-accordion-content*/
	background: transparent;
	border: 0;
}

.jcontainer-body.columnCount100>.j-form-item {
	margin-top: 0;
}

/*remove it because it affets the 100% width setting*/
/*
.jcontainer-body.columnCount100>.stdEle {
	margin-left: 2px;
}*/

.jcontainer-body:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.jcontainer-fullHeight {
	
}

.jcontainer-title {
	padding: 0 0 5px 3px;
	font-size: larger;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}

.jcontainer-table {
	table-layout: fixed;
}

.jcontainer-table td {
	
}

.jcontainer-column {
	display: inline-block;
	float: left;
	/*height: 100%;*/		/* pageUpgrade._importLayout.ftl */
	/*min-height: 20px;*/	/* empty container has the height */
	position: relative;
}
.jcontainer-column > .stdEle {
	width: 100%;
	max-width: 350px;
	display: inline-block; 
	clear: both;
}
.jcontainer-column > .stdEle.hide {
	display: none;
}
.jcontainer-column > .stdEle.customStyle {
	max-width: none;
	width: auto;
}

.jcontainer-column>.stdEle.button,.jcontainer-column>.stdEle.graph {
	width: auto;
}

.jcontainer-column>.stdCtn.stdEle {
	max-width: none;
}

.jcontainer-column.columnFirst {
	width: 100%;
}

.jcontainer .columnFooter {
	width: 100%;
	clear: both;
}
.jcontainer .columnFooter > .stdEle {
	width: 100%;
}
.jcontainer .columnFooter > .button.stdEle {
	width: auto;
}
.jcontainer-column.columnFooter>.button {
	float: left;
	margin-right: 2px;
	clear: none;
}

.jcontainer-buttonInput {
	padding-top: 10px;
}
.jcontainer-buttonInput .jcontainer-body{
	padding-left: 20px;
}
.jcontainer-buttonInput .button {
	margin-left: 5px;
}

.jpagebutton {
	padding: 10px 0 100px 20px;
	float: left;
	clear: both;
}
/* jcontainer-end */

/* jinput form */
.jform {
	position: relative;
	height: 100%;
}

.jform.jinputform {
	margin-top: 5px;
}

.selfDefineLink {
	position: absolute;
	right: 2px;
	cursor: pointer;
	z-index: 990;
}
.ui-tabs-panel .selfDefineLink {
}
.selfDefineLink a {
	color: #71C5EF;
}
.selfDefineLink.menuLeft {
	top: 34px;
	right: 5px;
	z-index: 99;
}
.leftMenu .selfDefineLink.menuLeft {
	top: 35px;
}

.selfDefineIcon {
	background: url("images/ui-icons_454545_256x240.png");
	background-position: -242px -98px;
	width: 12px;
	height: 12px;
	z-index: 9999;
}


.jbox {
	background-color: #ffffff;
	border: 1px solid #c1c1c1;
	padding: 1px 3px; /* affect: .jcombobox.hideIcon */
	position: relative;
}
.jbox.checkbox, .jbox.radio {
	border: 0;
	display: inline-block;	/*TODO: systemSetting._update*/
}

.jinput {
	border: 0 none;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	height: 18px;
	line-height: 17px;
	width: 100%;
}

.jbox.jfile {
	border-width: 0;
	padding: 0;
}

.jinput.file {
	height: 22px;
	line-height: 22px;
}

.jinput.number,.jinput.price {
	text-align: right;
}

.jtextarea {
	border-width: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 80px;
	line-height: 17px;
}

.jbox.error {
	border: 1px solid #DD4B39;
}

.jbox:hover,.jbox.focus {
	border-color: #4a92ff !important;
}

.input-hover {
	border-color: #4a92ff !important;
}

.errorTip {
	display: none;
	color: #DD4B39;
	position: absolute;
	top: -1px;
	background: none repeat scroll 0 0 #FAD3C4;
	border: 1px solid #DD4B39;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 0 1px #DD4B39;
	font-size: 11px;
	line-height: 12px;
	padding: 4px 13px 4px 10px;
	white-space: nowrap;
	z-index: 99;
}
/* validateForm, show error info */
.errorCtn:hover .errorTip {
	display: block;
}
.error {
	padding-top: 10px;
	color: #DD4B39;
	text-align: center;
}

.price {
	
}

.j-panel-body {
	margin: 5px;
	padding: 0;
	height: auto;
	width: auto;
	border: 1px solid #D0D0D0;
	font-size: 12px;
}

.j-form-item {
	float: left;
	border-width: 1px 0;
	border-style: solid;
	border-color: #fff;
	margin: 2px 0 0;
	/*overflow: hidden;*/
}

.j-form-item .j-form-item {
	margin: 0;
}

.j-form-item .label {
	clear: left;
	display: block;
	float: left;
	text-align: right;
	padding: 3px 3px 3px 5px;
	position: relative;
	width: 80px;
	color: #666666;
	z-index: 2;
}

.noLabel {
	float: left;
	width: 100%;
}

.freeMode {
	z-index: 999;
}

.j-form-item .span {
	display: block;
	position: relative;
	margin-left: 88px;
}

.j-form-item .readText {
	display: block;
	padding-top: 3px;
	width: 189px;
}

.j-form-item.customStyle .readText {
	width: auto;
}

.j-form-item select {
	border: 1px solid #C1C1C1;
	vertical-align: middle;
	padding: 1px 1px 1px 0;
	margin: 0;
	min-width: 40px;
	height: 22px;
}

.j-form-item select option {
	height: 16px;
	padding: 5px 2px 0;
}

.j-form-item .jcheckbox {
	margin-top: 4px;
}

.j-form-item .jradio {
	
}
/* vertical checkbox list */
.jcheckbox-vertical {
	
}

.jradio-vertical {
	
}

.jcheckbox-vertical>.item,.jradio-vertical>.item {
	clear: both;
	display: block;
	padding-top: 5px;
	padding-left: 15px;
	text-indent: -15px;
}

.jcheckbox-vertical>.item .jcheckbox,.jradio-vertical>.item .jradio {
	width: 13px;
	height: 13px;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
	position: relative;
	top: -1px;
	*overflow: hidden;
}
/* vertical checkbox list - end */
.j-form-item .i18n {
	padding-top: 5px;
}

.jfile .file_ctn_old {
	position: absolute;
	top: 3px;
	left: 25px;
	padding-right: 15px;
}

.jfile .file_ctn_old .tinyClose {
	top: 4px;
}

.jfile .file_ctn {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #EBEBEB;
	background: none repeat scroll 0 0 #F3F3F3;
	color: #999999;
	cursor: pointer;
	text-align: left;
}

.jfile .file_ctn .file_label {
	display: block;
	vertical-align: middle;
	line-height: 22px;
}

.jfile .file_ctn .file_selector {
	background: url("images/file-selector.png") 0 0;
	display: inline-block;
	width: 18px;
	height: 18px;
	overflow: hidden;
	margin: 2px 5px 2px 2px;
	line-height: 20em;
	float: left;
}

.jfile .file_ctn:hover .file_selector {
	background-position: -19px 0;
}

.jfile .jinput.file {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 100px;
	opacity: 0;
	filter: alpha(opacity = 0);
}

.clearBoth {
	clear: both;
}
.line-break {
	clear: both;
}

.buttons {
	clear: both;
	padding: 7px 0;
}

.button,.jmenubutton {
	cursor: pointer;
	-moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
	box-shadow: inset 0px 0px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff
		), color-stop(1, #dfdfdf) );
	background: -moz-linear-gradient(center top, #ffffff 5%, #dfdfdf 100%);
	background-color: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #c1c1c1;
	display: inline-block;
	position: relative;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	padding: 3px 8px;
	text-decoration: none;
	float: left;
}

.blue .button,.button.blue {
	background: -moz-linear-gradient(center top, #EEF7FA 0px, #EEF7FA 1px, #DCEDF5 1px,
		#CDE5F0 100%) repeat scroll 0 0 transparent;
	border-color: #A3CFE4;
	color: #006699;
}

.blue .button:hover {
	background: -moz-linear-gradient(center top, #E2F2F9 0px, #E2F2F9 1px, #C3E5F2 1px,
		#AED6E9 100%) repeat scroll 0 0 transparent;
	border-color: #64B0D4;
}

.button-more {
	padding: 0 !important;
	display: inline-block;
	height: 21px;
	line-height: 21px;
}

.button-more em {
	background-image: url("images/ui-icons_888888_256x240.png");
	background-position: -64px -22px;
	display: inline-block;
	margin-top: 9px;
	height: 10px;
	width: 18px;
	float: left;
}

.button-caption {
	border-right: 1px solid #c1c1c1;
	float: left;
	padding: 3px 6px 4px;
	white-space: nowrap;
	color: #666666;
}

.button:hover,.button-caption:hover,.button-more:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf
		), color-stop(1, #ededed) );
	background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
	background-color: #dfdfdf;
}

.button-more-up em {
	background-position: -0px -22px;
}

.button-more-down em {
	background-position: -64px -22px;
}

.buttonMenu {
	border: 1px solid #C1C1C1;
	background-color: #FFFFFF;
	padding: 0 1px;
	position: absolute;
	top: 22px;
	left: -1px;
	width: 100px;
	display: none;
	z-index: 99;
}

.buttonMenu .button {
	display: block;
	border-style: none;
	margin-top: 2px;
	border-radius: 0 0 0 0;
	width: 84px;
	height: 15px;
}
.buttonAdvance {
	float: left;
}
.buttonAdd {
	margin: 0 4px 0 1px;
	padding: 3px 8px;
}
.dynamicButtonNav {
	
}

.dynamicButtonNav .button,.jchildContainer .button {
	padding: 3px 2px 3px 3px;
	margin-left: 2px;
	color: #666666;
}

.dynamicButtonNav .button.button-more {
	margin-left: 0;
}

.Wdate {
	cursor: pointer;
}

.dateRangeLabel {
	padding-top: 3px;
	color: #666666;
}

.linkIconCtn {
	position: relative;
	top: -2px;
}
.linkIconCtn:hover {
	cursor:url(images/cursor_pointer.png),auto;
}
.linkIcon {
	display: inline-block;
	min-width: 15px;
	min-height: 15px;
}
	
.jlabel {
	height: 24px;
	width: 40px;
}
/* jinput form - end */

/* tabs */
.jtab.ui-tabs {
	width: 100%;
	height: 100%;
	clear: both;
	border-width: 0;
}
.jtab.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	background-color: #80ADE5;
}
.jtab.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
	color: #FFFFFF;
}
.jtab.ui-tabs .ui-tabs-panel {
	padding: 0;
	width: 100%;
	min-height: 25px;
	/*position: relative;*/ /*because of scrollBar */
	/*height: 100%;*/
}
.jtab.ui-tabs .ui-tabs-nav {
	padding: 0px;
}
.jtab.ui-tabs li .ui-icon-close {
	cursor: pointer;
	float: left;
	margin: 2px 2px 0 0;
}
.jtab.ui-tabs .ui-tabs-nav {
	background: url("images/ui-bg_flat_75_ffffff_40x100.png") repeat-x
		scroll 50% 50% #FFFFFF;
	border-width: 1px 0;
	border-bottom-color: #CCCCCC;
	margin-bottom: 1px;
	width: 100%;
}
.jtab.ui-tabs .ui-tabs-nav li {
	height: 25px;
	padding: 0 10px 1px;
}
.jtab.ui-tabs .ui-tabs-nav li.withCloseLink {
	padding-right: 30px;
}
.jtab.ui-tabs .ui-tabs-nav li.ui-state-hover {
	border-right-color: #D3D3D3;
}
.jtab.ui-tabs .ui-tabs-nav li .title {
	height: 100%;
	width: 100%;
	line-height: 27px;		/* let the title display closes the bottom line*/
	padding: 0;
}
.jtab.ui-tabs .ui-tabs-nav li .closeLink {
	position: absolute;
	right: 0;
	top: 0;
	padding: 3px 5px;
}

.jtab.ui-tabs-vertical {
}
.jtab.ui-tabs-vertical .ui-widget-header.ui-tabs-nav {
	padding: 1px 0 5px 5px;
	width: 100px;
	border-bottom-width: 0;
	float: left;
}
.jtab.ui-tabs-vertical .ui-widget-header.ui-tabs-nav li {
	clear: left;
	width: 80px;
	height: 22px;
	border-bottom-width: 1px !important;
	border-right-width: 0 !important;
	margin: 1px 0;
	border-radius: 0;
}
.jtab.ui-tabs-vertical .ui-widget-header.ui-tabs-nav li a {
	display: block;
	padding-right: 0;
	padding-left: 0;
	text-align: center;
	width: 100%;
}
.jtab.ui-tabs-vertical .ui-widget-header.ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 0;
	padding-right: .1em;
	border-right-width: 1px;
	border-right-width: 1px;
}
.jtab.ui-tabs-vertical .ui-tabs-panel {
	margin-left: 110px;
	width: auto;
}

/* autocomplete */
.jcombobox {
	border-radius: 0 0 2px 2px;
	white-space: nowrap;
	padding-right: 20px;
}

.jcombobox.hideIcon {
	padding-right: 3px; /*see .jbox padding*/
}

.jcombobox.hideIcon .jcombobox-button {
	display: none;
}

.jcombobox.multiple {
	white-space: normal;	
}
.jcombobox.multiple .jinput {
	display: inline-block;
	height: 18px;
	min-width: 20px;
	max-width: 100px;
}
.jcombobox.multiple .comboItem {
    border: 1px solid #DD6A26;
    background-color: #FBF7EB;
    border-radius: 3px;
    display: inline-block;
    margin: 0 3px 2px 0;
    padding: 2px;
    cursor: move;
}
.jcombobox.multiple .comboItem div {
	display: inline-block;
	position: relative;
}
.jcombobox.multiple .comboItem em {
	display: inline-block;
	position: relative;
	top: 3px;
	left: 2px;
}

.ui-autocomplete-input {
	margin: 0;
}

.ui-autocomplete-loading {
	background: white url('images/ui-anim_basic_16x16.jpeg') right center
		no-repeat;
}

.jcombobox-button {
	cursor: pointer;
	display: inline-block;
	cursor: pointer;
	text-align: center;
	text-decoration: none !important;
	overflow: hidden;
	width: 20px;
	height: 20px;
	border-left: 1px solid #C1C1C1;
	position: absolute;
	top: 0;
	right: -1px;
	border-radius: 0 0 2px 2px;
}
.jcombobox-button .ui-icon {
	background-image: url("images/ui-icons_888888_256x240.png");
	background-position: -65px -16px;
	margin: 3px 2px;
}

.jcombobox-pagination,.jcombobox-add {
	display: none;
}

.jcomboboxAddArea {
	padding: 2px 5px 0;
	float: right;
}

.jcomboboxAddArea a {
	color: #006699;
	float: right;
}

.pagination-jcb .refresh,.pagination-jcb .first,.pagination-jcb .previous,.pagination-jcb .next,.pagination-jcb .last
	{
	background-image: url("images/ui-icons_222222_256x240.png");
	display: inline-block;
	width: 14px;
	height: 14px;
	overflow: hidden;
}

.pagination-jcb .refresh:hover,.pagination-jcb .first:hover,.pagination-jcb .previous:hover,.pagination-jcb .next:hover,.pagination-jcb .last:hover
	{
	background-image: url("images/ui-icons_2e83ff_256x240.png");
}

.pagination-jcb .refresh {
	background-position: -162px -64px;
}

.pagination-jcb .first {
	background-position: -242px -48px;
}

.pagination-jcb .previous {
	background-position: -98px -49px;
}

.pagination-jcb .next {
	background-position: -32px -49px;
}

.pagination-jcb .last {
	background-position: -210px -48px;
}
/* autocomplete-end */

/* pagination */
.pagination,.pagination-jcb {
	white-space: nowrap;
}

.pagination-jcb {
	float: left;
}

.pagination .text,.pagination-jcb .text {
	display: inline-block;
	padding-top: 4px;
	vertical-align: top;
	font-size: 110%;
}

.pagination .pageNo,.pagination-jcb .pageNo {
	border-style: none;
	padding: 1px;
}

.pagination .refresh,.pagination .first,.pagination .previous,.pagination .next,.pagination .last
	{
	background-image: url("images/pagination.png");
	display: inline-block;
	width: 27px;
	height: 24px;
	overflow: hidden;
}

.pagination .refresh {
	background-position: 0px 0px;
	width: 27px;
}

.pagination .first {
	background-position: -80px 0px;
}

.pagination .previous {
	background-position: -161px 0px;
}

.pagination .next {
	background-position: -54px 0px;
}

.pagination .last {
	background-position: -107px 0px;
}

.pagination em:hover {
	
}

/* pagination-end */

/* jtable(jpageinfo, jdatagrid) */
.jtableheader {
	position: relative;
}
.jtableheader table {
	width: 100%;
}
.jpageinfo {
	clear: both;
	position: relative;
	/*overflow: hidden;*/ /*pagination*/
}

.jpageinfo-noborder {
	
}

.jpageinfo-noborder .tablelist th,.jpageinfo-noborder .tablelist td {
	border-color: transparent;
}

.jpageinfo-noborder .tablelist th,.jpageinfo-noborder .tablelist tr {
	background: transparent;
}

.jdatagrid {
	border: 1px solid #FFFFFF;
	display: inline-block;
	clear: both;
	position: relative;
}
.jdatagrid.error {
	border: 1px solid #DD4B39;
}
.jdatagrid-noborder {
	
}

.jdatagrid-noborder.tablelist th,.jdatagrid-noborder.tablelist td {
	border-color: transparent;
}

.jdatagrid-noborder.tablelist th,.jdatagrid-noborder.tablelist tr {
	background: transparent;
}

.jdatagrid-noborder.tablelist .readonly {
	background: transparent;
}

.jdatagrid .jdatagrid-label li {
	background-color: blue;
}
.jdatagrid .jdatagrid-label span {
	height: 3px;
	background-color: blue;
	display: block;
}
.jdatagrid .tablelist {
	margin: 2px;
}
.jdatagrid .ui-sortable .removeLink {
	float: right;
}
.jdatagrid .ui-sortable .removeColumn em {
	background-image: url("images/ui-icons_454545_256x240.png");
	background-position: -6px -225px;
	display: inline-block;
	height: 14px;
	width: 4px;
	margin-left: 2px;
	cursor: move;
}
.jdatagrid .removeLink {
	padding: 0 4px;
}
.jdatagrid .shoppingCar {
	padding: 0 0 0 4px;
	cursor: pointer;
}
.jdatagrid tfoot tr {
	height: 26px;
}
.jdatagrid tfoot tr td {
	border-color: #e8e8e8;
	background-color: #e8e8e8;
	padding-right: 4px;
	text-align: right;
}

.jpageinfolist {
	position: relative;
}

.jchildContainer .jpageinfolist {
	min-height: 0px;
}

.jpageinfo .sort {
	background: url("images/ui-icons_2e83ff_256x240.png") no-repeat scroll 0
		0 transparent;
	display: inline-block;
	height: 8px;
	width: 10px;
	position: absolute;
	right: 2px;
	top: 4px;
}

.jpageinfo .sort.ASC,.jpageinfo .sort.asc {
	background-position: -4px -52px;
}

.jpageinfo .sort.DESC,.jpageinfo .sort.desc {
	background-position: -69px -52px;
}

.pageinfo-header {
	margin-top: 2px;
	min-height: 23px; /*in order to show pageinfo-pagination*/
	position: relative;
	width: 100%;
}

.pageinfo-header:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.pageinfo-header-button {
	
}

.pageinfo-pagination {
	text-align: right;
}

.jpageinfo-pagination-float {
	float: right;
	position: absolute;
	right: 0;
	top: -24px;
}

.pageinfo-header .pageinfo-pagination { /*top: 0;*/
	
}

.pageinfo-pagination.relative-top {
	float: none;
	position: relative;
	text-align: right;
	top: 0;
}

.twoLineHeader {
	
}

.twoLineHeader .pageinfo-header-button {
	padding-top: 2px;
}

.sameLineHeader {
	margin-left: 20px;
	float: left;
}

.jcontainer.simpleSearch {
	float: left;
	/*background-color: #DEDEDE;*/
	border-radius: 2px 2px 2px 2px;
	padding: 0;
	min-height: 24px;
	position: relative;
	margin: 0px;
}

.simpleSearch {
	position: relative;
}

.simpleSearch .width25 {
	float: left;
	padding-left: 25px;
	min-height: 29px;
}

.simpleSearch .j-form-item {
	margin-bottom: 0px;
	/*border-color: #DEDEDE;*/
}

.simpleSearch .button {
	margin-top: 1px;
}

.pageinfo-header .j-form-item,.pageinfo-header .j-form-item .label {
	margin-top: 1px;
	min-width: 1px;
	min-height: 1px;
	width: auto;
}
/* the header area of page info */
.pageinfo-header .j-form-item .span {
	float: left;
	margin-left: 0;
	width: 100px;
}
.pageinfo-header .j-form-item.customStyle .span {		/* restore it to '.j-form-item .span'*/
	display: block;
    float: none;
    margin-left: 88px;
    width: auto;
}

.hide,.hidden {
	display: none;
}

.tablelist {
	font-size: 12px;
	/*border: 1px solid #DEDEDE;*/
	border-collapse: collapse;
	margin-top: 0px;
	text-align: left;
	position: relative;
	background-color: #fff;
}

.fullWidth {
	width: 100%;
}

.editable td {
	height: 28px;
}

.tablelist th {
	background: -moz-linear-gradient(top, #f9f9f9 0, #e8e8e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9),
		color-stop(100%, #e8e8e8) );
	background: linear-gradient(top, #f9f9f9 0%, #e8e8e8 100%);
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDDD #DEDEDE;
	color: #666666;
	height: 24px;
}

.tablelist tr {
	height: 21px;
}

.tablelist th {
	font-weight: normal;
}

.tablelist .th {
	float: left;
	position: relative;
	width: 100%;
	height: 16px;
}

.tablelist .th .label {
	position: absolute;
	left: 0;
	right: 0;
	height: 18px;
	padding: 0 0 0 5px;
	display: inline-block;
	/*.ellipsis*/
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.tablelist .mainTh {
	position: relative;
	width: 100%;
	height: 16px;
	text-align: center;
}

.tablelist .thTitle {
	float: left;
}

.tablelist .even {
	background-color: #f2f0f0;
}

.tablelist .current {
	background-color: #FFFFCC;
}

.tablelist td {
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDDD #DEDEDE;
	color: #000000;
	padding-top: 4px;
}

.tablelist td .px5 {
	width: 5px;
	display: inline-block;
	height: 12px;
}

.tablelist .td {
	padding-left: 5px;
	height: 16px;
}

.tablelist .alignRight .td {
	padding: 0 5px 0 0;
}

.tablelist .noData td {
	padding: 4px 10px;
}

.hover:hover td {
	background: none repeat scroll 0 0 #D0DAFD;
	color: #333333;
	cursor: pointer;
}

.tablelist .jbox {
	border: medium none;
	margin: 1px;
	width: auto;
}

.tablelist .jbox:hover,.tablelist .jbox.focus {
	border: 1px solid #C1C1C1;
	margin: 0px;
}

.tablelist .jinput.error {
	border: 1px solid #DD4B39;
	margin: 0px;
}

.tablelist .jcombobox .jcombobox-button {
	border: medium none;
	margin-right: 2px;
}

.tablelist .jcombobox:hover .jcombobox-button,.tablelist .jcombobox:focus .jcombobox-button
	{
	border: 1px solid #C1C1C1;
	margin-right: 0px;
}

.tablelist .jcombobox .ui-icon {
}

.tablelist .jcombobox:hover .ui-icon,.tablelist .jcombobox:focus .ui-icon
	{
	background-image: url('images/ui-icons_888888_256x240.png');
}

.tablelist .sortableRow {
	width: 100%;
}

.tablelist .sortableRow:hover {
	background-color: #FFFFCC;
}

.tablelist .readonly {
	background-color: #E8E8E8;
	color: #666666;
	display: inline-block;
	height: 19px;
	margin-top: -4px;
	padding: 7px 0 0 0;
	width: 100%;
}

.JColResizer .th,.JColResizer .td { /*width: 100%;*/
	
}

.fht-table,.fht-table thead,.fht-table tfoot,.fht-table tbody,.fht-table tr,.fht-table th,.fht-table td
	{ /* text */
	font-size: 100%;
	font: inherit;
}

.fht-table { /* appearance */
	border-collapse: collapse;
	border-spacing: 0;
}
/* @end */
/* @group Content */
.fht-table-wrapper,.fht-table-wrapper .fht-thead,.fht-table-wrapper .fht-tfoot,.fht-table-wrapper .fht-fixed-column .fht-tbody,.fht-table-wrapper .fht-fixed-body .fht-tbody,.fht-table-wrapper .fht-tbody
	{ /* appearance */
	overflow: hidden;
	/* position */
	position: relative;
}

.fht-table-wrapper .fht-fixed-body .fht-tbody,.fht-table-wrapper .fht-tbody
	{ /* appearance */
	overflow-x: hidden;
	overflow-y: auto;
}

.fht-table-wrapper .fht-table .fht-cell { /* appearance */
	overflow: hidden;
	/* size */
	height: 1px;
}

.fht-table-wrapper .fht-fixed-column,.fht-table-wrapper .fht-fixed-body
	{ /* position */
	top: 0;
	left: 0;
	position: absolute;
}

.fht-table-wrapper .fht-fixed-column { /* position */
	z-index: 1;
}

.simulatedScrollBar {
	left: 0;
	bottom: 0;
	height: 17px;
	overflow-x: auto;
	position: fixed;
	z-index: 998;
	width: 100%;
}

.simulatedScrollBar>div {
	height: 1px;
}
/* @end */
.dotted {
	background-image: url('images/dotted.png');
	background-repeat: repeat-y;
	width: 5px;
}

.pin {
	background: url("images/bg_pin_v1.png") no-repeat scroll 0 0 transparent;
	display: block;
	height: 15px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 12px;
	z-index: 5;
}

/* advanced search-begin */
.searchTemplate {
	display: none;
	position: absolute;
	width: 260px;
	border: 1px solid #C1C1C1;
	border-radius: 3px;
	background-color: #FFFFFF;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	padding: 10px;
	z-index: 999;
}

.searchTemplate .jbox:hover {
	border: 1px solid #4D90FE !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}

.searchTemplate .Wdate {
	
}

.searchTemplate .j-form-item .label {
	text-align: right;
	width: 80px;
}

.searchTemplate-title {
	padding-bottom: 10px;
	font-size: larger;
}

.expressionTip {
	display: none;
	float: left;
	width: 190px;
	position: absolute;
	border: 1px solid #C1C1C1;
	background-color: #FFFFFF;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	padding: 5px;
	border-radius: 2px;
	z-index: 100;
	color: #777676;
	/*opacity: 0.5;
    filter:alpha(opacity=50);*/
}

.expressionTip label {
	width: 36px;
	display: inline-block;
	height: 23px;
}

.button-search {
	cursor: pointer;
	background-color: #4D90FE;
	border: 1px solid #3079ED;
	border-radius: 2px 2px 2px 2px;
	float: right;
	padding: 6px 10px;
	margin: 5px 25px 0px 2px;
}

.button-search:hover {
	background-color: #357AE8;
}

.button-search em {
	background-image: url("images/search_white.png");
	display: inline-block;
	height: 12px;
	left: 2px;
	position: relative;
	top: -2px;
	width: 20px;
}

.resetCondition {
	float: left;
	padding: 10px;
}
/* advanced search-end */
.blankButton {
	background-color: #FFFFFF;
	border: 1px solid #C1C1C1;
	border-radius: 1px 1px 1px 1px;
	font-size: 1px;
	height: 11px;
	margin: 1px 4px 0 1px;
	outline: 0 none;
	vertical-align: text-bottom;
	width: 11px;
	display: inline-block;
	position: relative;
}

.jchildContainer {
	background-color: #FFFFFF;
	margin-top: -1px;
	position: relative;
	bottom: 0;
	z-index: 10;
}
.jchildContainer > div {
	position: relative;
}
.jtopContainer {
	padding-top: 2px;
	width: 100%;
}
.jtopContainer:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.jchildContainer0 {
	float: left;
	width: 50%;
	display: inline-block;
	border-radius: 2px;
	min-height: 72px;
	min-width: 620px;
	position: relative;
}
.jchildContainer0 .j-form-item {
	min-height: 21px;
	margin-bottom: 2px;
}
.jchildContainer1 {
	float: right;
	width: 50%;
	display: inline-block;
}
@media screen and (max-width:920px){
	.jchildContainer0 {
		min-width: 0!important;
		width: 100%!important;
	}
 	.jchildContainer1 {
 		width: 100%!important;
 	}
}
@media screen and (min-width:921px) and (max-width:1350px){
	.jchildContainer0 {
		width: 620px!important;
		min-height: 102px!important;
	}
 	.jchildContainer1 {
 		float: none!important;
 		display: block!important;
 		width: auto!important;
 		left: 620px!important;
 		right: 0!important;
 		position: absolute!important;		/* some elements of the container use 'clear' attribute*/
 	}
}
.jchildContainer2 {
	width: 100%;
}
.jchildContainer .childContent.contentLoading {
    background-image: url("images/content-loading.gif");
    background-position: center center;
    background-repeat: no-repeat;
}
.jchildContainer2 .ui-tabs {
	padding-top: 0;
}

.smartSearchCtn .jchildContainer0 {
	float: left;
	width: 50%;
}

.smartSearchCtn .jchildContainer2 {
	float: left;
	width: 100%;
}
/* jtable - end */

/*confirm*/
#confirmOverlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: url('images/confirm_ie.png');
	background: -moz-linear-gradient(rgba(11, 11, 11, 0.1),
		rgba(11, 11, 11, 0.6) ) repeat-x rgba(11, 11, 11, 0.2);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11, 11, 11, 0.1)
		), to(rgba(11, 11, 11, 0.6) ) ) repeat-x rgba(11, 11, 11, 0.2);
	z-index: 999;
}

#confirmBox {
	background: repeat-x left bottom	/*images/confirm_body_bg.jpg*/
		#e5e5e5;
	width: 460px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -130px 0 0 -230px;
	border: 1px solid rgba(33, 33, 33, 0.6);
	-moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
}

#confirmBox h1,#confirmBox p {
	font: 26px/1 'Cuprum', 'Lucida Sans Unicode', 'Lucida Grande',
		sans-serif;
	background: url('images/confirm_header_bg.jpg') repeat-x left bottom
		#f5f5f5;
	padding: 12px 20px;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6);
	color: #666;
}

#confirmBox h1 {
	letter-spacing: 0.3px;
	color: #888;
}

#confirmBox p {
	background: none;
	font-size: 16px;
	line-height: 1.4;
	padding-top: 35px;
}

#confirmButtons {
	padding: 15px 0 25px;
	text-align: center;
}

#confirmBox .button {
	display: inline-block;
	background: url('images/confirm_buttons.png') no-repeat;
	color: white;
	position: relative;
	height: 33px;
	float: none;
	font: 17px/33px 'Cuprum', 'Lucida Sans Unicode', 'Lucida Grande',
		sans-serif;
	margin-right: 15px;
	padding: 0 35px 0 40px;
	text-decoration: none;
	border: none;
	border-radius: 0;
}

#confirmBox .button:last-child {
	margin-right: 0;
}

#confirmBox .button span {
	position: absolute;
	top: 0;
	right: -5px;
	background: url('images/confirm_buttons.png') no-repeat;
	width: 5px;
	height: 33px
}

#confirmBox .blue {
	background-position: left top;
	text-shadow: 1px 1px 0 #5889a2;
}

#confirmBox .blue span {
	background-position: -195px 0;
}

#confirmBox .blue:hover {
	background-position: left bottom;
}

#confirmBox .blue:hover span {
	background-position: -195px bottom;
}

#confirmBox .gray {
	background-position: -200px top;
	text-shadow: 1px 1px 0 #707070;
}

#confirmBox .gray span {
	background-position: -395px 0;
}

#confirmBox .gray:hover {
	background-position: -200px bottom;
}

#confirmBox .gray:hover span {
	background-position: -395px bottom;
}

#confirmBox .j-form-item {
	border-width: 0;
}
/*confirm-end*/

/* graph */
.graph {
	z-index: 999;
}

.graphLine {
	background-color: transparent;
	border-top: 1px solid;
	display: inline-block;
	float: left;
	width: 200px;
}

.graphLineV {
	background-color: transparent;
	border-left: 1px solid;
	display: inline-block;
	float: left;
	height: 200px;
	width: 1px;
}

.graphRectangle {
	border: 1px solid;
	display: inline-block;
	float: left;
	width: 200px;
	height: 48px;
}

.graphImage {
	vertical-align: top;
	width: auto;
	overflow: hidden;
	display: inline-block;
	position: relative;
	margin: 2px;
}

.imageGallery {
	margin: 2px;
	height: auto;
	width: auto;
	float: left;
	text-align: center;
}
.imageGallery img {
	display: inline;
	margin: 3px;
	border: 1px solid #ffffff;
}
.imageGallery .desc {
	text-align: center;
	font-weight: normal;
	width: 120px;
	margin: 2px;
}
/* graph-end */

/* TODO: need think more, ui adjustment */
.childContainer .ui-widget-content {
	border-style: none;
}

.ui-widget-content {
	color: #000000;
}
/* container */
.jtab .ui-accordion .ui-accordion-header label {
	cursor: pointer;
}

.jtab .ui-accordion-icons .ui-accordion-header a {
	cursor: default;
	padding: 5px 5px 5px 20px;
}

.jtab .ui-accordion .ui-accordion-header .ui-icon {
	cursor: default !important;
}
/* container-end */

/* print setting */
.page-break {
	display: block;
	page-break-before: always;
	clear: both;
}